// less 的引入路径中带上 ~ 就代表根目录了，aixy会自动解析的
@import '~/common/var.less';

.P-index {
    /*__ROOT__*/
    width: 100%;
    // height: 100%;
    // height: 2000rpx;
    padding-bottom: 30rpx;
    .t {
        text-align: center;
        padding: 20rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 32rpx;
        line-height: 1.7em;
        &.s{
            border: 1rpx solid @btnColor;
            padding: 20px 0;
            border-radius: 20rpx;
            margin: 0 20rpx;
            font-size: 40rpx;
        }

        .cell {
            flex: 1;
            font-size: 28rpx;
        }
    }
    .base64{
        @bw: 68rpx;
        width: @bw;
        height: @bw;
        margin: 0 auto;
        background: url('./src/order_back.png?__inline') scroll no-repeat center center transparent;
        background-size: 100% 100%;
    }

    .btn {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 50rpx 20rpx;

        button {
            .btn();
            width: 160rpx;
        }
    }

    .theme{
        margin-top: 20rpx;
        justify-content: center;
        button:first-of-type{
            margin-right: 20rpx;
        }
    }

    .tip {
        background: #efefef;
        color: #414141;
        font-size: 28rpx;
        padding: 20rpx;
        border-radius: 10px;
        line-height: 1.6em;
        margin: 20rpx 10px 0;
    }

    .pic {
        display: flex;
        align-items: center;
        justify-content: space-around;
        image, view{
            width: 100rpx;
            height: 100rpx;
            border: 10rpx solid @btnColor;
            border-radius: 10rpx;
        }
        view{
            background: url('./src/ali.jpg') scroll no-repeat center center transparent;
        }
        
    }
}